{% import "CpmJovenesBundle:Perfil:proyecto_box.macro.html.twig" as proyecto_box %}
	<style type="text/css">
	
	</style>
	<script type="text/javascript">
	currentTab = null;
	currentLi = null;
	$(function() {
 		$("ul#tabs-proyectos li").click(function(li){
 			li = $(li.currentTarget);
 			var target = li.attr('target');
 			
 			if (currentTab !=target) {
 				$('#'+target).css('display','block');
 				li.addClass('selected');
 				if (currentTab){
	 				$('#'+currentTab).css('display','none');
	 				currentLi.removeClass('selected');
	 				}
 				currentTab =target;
 				currentLi=li;
 			}
 		});
 		$("ul#tabs-proyectos li").first().click();
	});
	</script>
	
<h4>{% if proyectos|length == 0 %} 
		No posee ninguna institución inscripta
	 {% else %} 
	 	Usted posee {{ proyectos|length }} 
	 	{% if proyectos|length > 1 %} 
	 		instituciones inscriptas 
	 	{% else %} 
	 		institución inscripta 
	 	{% endif %} 
	 {% endif %}
</h4>
<div id="listado-proyectos">
<ul id="tabs-proyectos">
	{% for proyecto in proyectos %}
	<li target="proyecto_{{proyecto.id}}"> 
			<h3> 
		    	Proyecto N° {{proyecto.id}}: {{ proyecto.titulo }}
		    	{% if proyecto.archivo %}
		    	<div class="download_mini mini-icon" style="float:right">
			    	<a href="{{ path('proyecto_descargar_presentacion',{ 'id' : proyecto.id}) }}" title="Descargar archivo {{ proyecto.archivo }}"> 
			    	 	&nbsp;
			    	</a>
		    	</div>
	    	{% endif %}
		    	
		    </h3>
		    <h4> 
		    		{{ proyecto_box.nombreEscuela(proyecto.escuela) }}
		   	</h4>
		    
		    
		     
		    {% set numinvitacionesPendientes = proyecto.invitacionesPendientes|length %}
		    {% if numinvitacionesPendientes > 0 %}
		    <div class="invitacion">	
		    	{% if numinvitacionesPendientes == 1 %}
		    	<div class="one-pending">
		    		{{numinvitacionesPendientes}}
		    		</div> invitación pendiente
		    	{% elseif numinvitacionesPendientes > 1 %}
		    	<div class="many-pending">
		    		{{numinvitacionesPendientes}} 
		    	</div> invitaciones pendientes
		    	{%endif%}
		    </div>	
		    {% endif %}	
		    
		    <ul id="project-actions" class="record_actions">
		   
				{% for accion in jym.getPerfil().getAccionesDeProyecto(proyecto) %}
						<li>
							<a 
							
							{% if accion['validation'] %}
								href="#" onclick="return confirmAndRelocate('{{accion['validation']}}','{{ path(accion['path'], {'id':proyecto.id}) }}');"
							{% else %}
								href="{{ path(accion['path'], {'id':proyecto.id}) }}"								
							{% endif %}
							>{{accion['label']}}</a>
						</li>
				{% endfor %}
			</ul>
	</li>
	{% endfor %}
	</ul>
	{% for proyecto in proyectos %}
		<div id="proyecto_{{proyecto.id}}" class="detalle_proyecto">
	     {{ proyecto_box.showFull(proyecto) }}
	    </div>
	{% endfor %}
	
</div>